<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <title>日常办公</title>
      <link rel="stylesheet" href="../static/css/bootstrap.min.css">
      <link rel="stylesheet" href="../static/css/hover-min.css">
      <link rel="stylesheet" href="../static/css/style.css">
      <link rel="stylesheet" href="../static/css/content.css">
    </head>
    <body>
        <!--导航栏-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
              <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="javascript:void(0);"><img src="../static/img/header.png"/></a>
              </div>
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav">
                      <li><a class="nav-location" href="../info/index.html">门户网站</a></li>
                      <li><a class="nav-location" href="../allmanage/index.html">综合管理</a></li>
                      <li><a class="nav-location" href="../stumanage/index.html">学生专区</a></li>
                      <li><a class="nav-location" href="../teamanage/index.html">教师专区</a></li>
                      <li><a class="nav-location" href="../promanage/index.html">管理员专区</a></li>
                      <li class="active"><a href="#">日常办公</a></li>
                      <li><a class="nav-location" href="#">关于我们</a></li>
                  </ul>
              </div>
            </div>
        </nav>

        <!--左侧菜单栏-->
        <div id="menuLeft">
            <ul>
                <li class="active"><a href="#daily-notice"><span>公告管理</span></a></li>
                <li><a href="#daily-qa"><span>在线答疑</span></a></li>
            </ul>
        </div>

        <!--内容块-->
        <div class="content">
            <div id="daily-notice">
                <h3>公告管理</h3>
                <button class="btn btn-primary" data-toggle="modal" data-target="#daily-noticeAdd-modal" id="noticeAdd-btn">添加公告</button>
                <div id="noticeModal">
                  <div class="notice hvr-sweep-to-right">
                      <div class="noticeId">0001</div>
                      <div class="noticeDate">2016-5-21</div>
                      <div class="noticeContent">sid is the best!</div>
                      <div class="noticeAuthor">from: sid</div>
                  </div>
                  <div class="notice hvr-sweep-to-right">
                      <div class="noticeId">0002</div>
                      <div class="noticeDate">2016-5-21</div>
                      <div class="noticeContent">mingen is the best!</div>
                      <div class="noticeAuthor">from: mingen</div>
                  </div>
                  <div class="notice hvr-sweep-to-right">
                      <div class="noticeId">0003</div>
                      <div class="noticeDate">2016-5-22</div>
                      <div class="noticeContent">Airdy is the best!</div>
                      <div class="noticeAuthor">from: Airdy</div>
                  </div>
                  <div class="notice hvr-sweep-to-right">
                      <div class="noticeId">0004</div>
                      <div class="noticeDate">2016-5-23</div>
                      <div class="noticeContent">Bob is the best!</div>
                      <div class="noticeAuthor">from: Bob</div>
                  </div>
                  <div class="notice hvr-sweep-to-right">
                      <div class="noticeId">0004</div>
                      <div class="noticeDate">2016-5-25</div>
                      <div class="noticeContent">Natalie is the best!</div>
                      <div class="noticeAuthor">from: Natalie</div>
                  </div>
                </div>
            </div>

            <div id="daily-qa" style="display: none;">
                这是在线答疑
            </div>
        </div>

        <!-- 添加公告框 -->
        <div class="modal fade" id="daily-noticeAdd-modal" tabindex="-1" role="dialog" aria-labelledby="daily-noticeAdd-modal-label">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="daily-noticeAdd-modal-label">添加公告</h4>
              </div>
              <div class="modal-body">
                  <input type="text" class="form-control" id="input-noticeAuthor" placeholder="发表人">
                  <textarea class="form-control" id="input-noticeContent" rows="3"></textarea>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="post-notice" data-dismiss="modal">添加</button>
              </div>
            </div>
          </div>
        </div>

        <script src="../static/js/jquery.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/style.js"></script>
        <script src="../static/js/dailyjob.js"></script>
    </body>
</html>
